<template>
  <div
    class="mt-18px w-960px p-18px box-border flex flex-col bg-white rounded-8px hover:shadow transition-all"
  >
    <div class="flex flex-row justify-between items-center">
      <div class="text-20px font-bold text-#333333">可提款金額</div>
      <button class="text-16px text-#00B2FF">提款記錄</button>
    </div>
    <div class="mt-24px flex flex-row items-end">
      <div class="h-28px leading-28px text-28px font-bold text-#6000FF">USD 0.00</div>
      <div class="ml-8px text-12px text-#999999">(最低提款金額:USD 52.80)</div>
    </div>
    <button
      class="mt-16px w-[fit-content] min-w-169px h-36px px-28px rounded-28px bg-gradient-to-r from-#9383FF to-#663FFF text-16px font-bold text-white"
    >
      全部提現
    </button>
    <div class="mt-16px flex flex-row items-center">
      <div class="text-16px text-#999999">
        處理量 <span class="ml-8px text-#666666">USD 0.00</span>
      </div>
      <div class="ml-40px text-16px text-#999999">
        總收入 <span class="ml-8px text-#666666">USD 0.00</span>
      </div>
    </div>
    <!---->
  </div>
</template>
<script setup>
// import { ref } from 'vue'
</script>
<style lang="less" scoped></style>
